<template>
    <header>
        <div class="left"><slot name="left"></slot></div>
        <h3>{{title}}</h3>
        <div class="right"><slot name="right"></slot></div>
    </header>
    
</template>

<script>
    export default {
        name:'header',
        props:{
            title:{
                type:String,
                default:'城市选择'
            }
        },
        data(){
            return{

            }
        }
    }
</script>

<style lang="scss" scoped>
 @import 'Header.scss';
</style>
